*{
    margin:0;
    padding:0;
    border:none;
}
ul, li{
    list-style:none;
}
#box{
    width:410px;
    height:910px;

    padding:10px;
    position:relative;
    margin-left:150px;
    margin-top:50px;
}
#box #middleImg{
    width:350px;
    height:350px;
    border:1px solid #ffffff;
    padding:5px;
    position:relative;
}
#box #middleImg img{
    width:350px;
    height:350px;
}
#box #middleArea{
    width:100px;
    height:100px;
    background:rgba(100, 222, 200, 0.5);
    position:absolute;
    left:0;
    top:0;
    display:none;
}
#box #small{
    /*background: red;*/
    width:360px;
    height:50px;
    margin-top:10px;
}
#box #small li, #box #small li img{
    width:48px;
    height:48px;
}
#box #small li{
    float:left;
    border:1px solid #ccc;
    margin-left:10px;
    padding:5px;
    cursor:pointer;
}
#box #bigArea{
    position:absolute;
    left:420px;
    top:50px;
    overflow:hidden;
    width:400px;
    height:400px;
    border:1px solid #ccc;
    display:none;
}
#box #bigArea img{
    position:absolute;
    left:0;
    top:0;
    width:800px;
    height:800px;
}
